<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <title>未交易机台看板</title>
    <!--<link rel="stylesheet" href="../../Home/reset.css">-->
    <!--<link rel="stylesheet" href="../../Home/common.css">-->
    <link rel="stylesheet" href="../../library/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="notTransaction.css">
    <script src="../../library/jquery/jquery-1.11.3.js"></script>
    <script src="../../library/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<!--运营商-->
<div data-role="page" id="pageone" style="font-size:.12rem;">
    <div data-role="header" data-theme="a" data-position="fixed" class="header">
        <a href="../manageBoard/" target="_self" class="ui-btn ui-btn-b ui-icon-carat-l ui-btn-icon-notext" data-transition="slide" data-direction="reverse"><</a>
        <h2 style="font-size: 16px;">未交易机台看板</h2>
        <!--<a href="#pagetwo" target="_self" class="ui-btn ui-btn-b ui-icon-bars ui-btn-icon-notext" data-transition="slide" data-direction="reverse" style="padding-right: 14px;">条件筛选</a>-->
    </div>
    <div data-role="content" id="wrap" >
        <ul data-role="listview" style="margin: 0;" class="list">
        </ul>
    </div>
</div>
<!--运营人员-->
<div data-role="page" id="pageName" style="font-size:.12rem;">
    <div data-role="header" data-theme="a" data-position="fixed" class="header">
        <a href="#pageone" target="_self" class="ui-btn ui-btn-b ui-icon-carat-l ui-btn-icon-notext" data-transition="slide" data-direction="reverse"><</a>
        <h2 style="font-size: 16px;">未交易机台看板</h2>
        <!--<a href="#pagetwo" target="_self" class="ui-btn ui-btn-b ui-icon-bars ui-btn-icon-notext" data-transition="slide" data-direction="reverse" style="padding-right: 14px;">条件筛选</a>-->
    </div>
    <div data-role="content">
        <ul data-role="listview" style="margin: 0;" class="name">
        </ul>
    </div>
</div>
<div data-role="page" id="pageBoard" style="font-size:.12rem;">
    <div data-role="header" data-theme="a" data-position="fixed" class="header">
        <a href="#pageName" target="_self" class="ui-btn ui-btn-b ui-icon-carat-l ui-btn-icon-notext" data-transition="slide" data-direction="reverse"><</a>
        <h2 style="font-size: 16px;">未交易机台看板</h2>
        <!--<a href="#pagetwo" target="_self" class="ui-btn ui-btn-b ui-icon-bars ui-btn-icon-notext" data-transition="slide" data-direction="reverse" style="padding-right: 14px;">条件筛选</a>-->
    </div>
    <div data-role="content">
        <ul data-role="listview" style="margin: 0;" class="board">

        </ul>
    </div>
</div>
<!--详情展示-->
<div data-role="page" id="pagedetail" style="font-size:.12rem;">
    <div data-role="header" data-theme="a" data-position="fixed" class="header">
        <a href="#pageBoard"  target="_self" class="ui-btn ui-btn-b ui-icon-carat-l ui-btn-icon-notext" data-transition="slide" data-direction="reverse"><</a>
        <h2 style="font-size: 16px;">未交易机台看板</h2>
        <!--<a href="#pagetwo" target="_self" class="ui-btn ui-btn-b ui-icon-bars ui-btn-icon-notext" data-transition="slide" data-direction="reverse" style="padding-right: 14px;">条件筛选</a>-->
    </div>
    <div data-role="content">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" id="myTab">
            <thead>
            <tr>
                <th>机台编号</th>
                <th>机台名称</th>
                <th>最后交易时间</th>
                <th>无交易时长/h</th>
            </tr>
            </thead>
            <tbody align="center">
            </tbody>
        </table>
    </div>

</div>
<script src="../../library/vue/vue.js"></script>
<script src="../../library/vue/vue-resource.js"></script>
<script src="notTransaction.js"></script>
<!--<script src="monPrice.js"></script>-->
</body>
</html>